<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学术资源管理平台</title>
	<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="../../../css/global.css">
	<link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="../../../datatables/media/css/jquery.dataTables.min.css">
	<link rel="stylesheet" type="text/css" href="../../../datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css">
	<style type="text/css">
		input[type='radio'] {
		}
		div.dataTables_filter label {
			position: relative;
			top: -14px;
			margin-bottom: 11px;
			z-index: 300;
		}
		#StudentAccountTable_filter {
			visibility: hidden;
		}
	</style>
</head>
<body>
	<!-- TeacherInportModal -->
	<div class="modal fade" id="TeacherInport" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<span class="modal-title">上传文件</span>
				</div>
				<div class="modal-body">
					<form id= "uploadForm" class="uploadForm">  
						<input type="file" class="btn btn-default" name="file"/>  
						<input type="button" class="btn btn-primary upLoadBtn" value="上传" onclick="doUpload()"  data-toggle="modal" data-target="#InputSuccess"  data-dismiss="modal"/>
					</form> 
					<a class="downloadTemplet" href="#">点此下载模板</a>
				</div>
			</div>
		</div>
	</div>
	<!-- TeacherAddModal -->
	<div class="modal fade" id="TeacherAddModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" id="myModalLabel">添加教师</h4>
				</div>
				<div class="modal-body">
					<div class="row">
						<form  class="addForm form-inline">
							<div class="form-group col-md-6">
								<label for="studentName " class="formItem">学生姓名：</label>
								<input type="text" class="form-control" id="" value="">
							</div>
							<div class="form-group col-md-6">
								<label for="studentAccount" class="formItem">学生账号：</label>
								<input type="text" class="form-control" id="" >
							</div>
						</form>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary">添加</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 导航栏 -->
	<div class="navbar navbar-fixed-top scroll-hide">
		<!-- 顶上导航栏 -->
		<div class="container-fluid top-bar topnav"></div>
		<!-- 横向导航栏 -->
		<div id="main-nav" class="container-fluid main-nav"></div>
	</div>
	<div class="container-fluid">
		<div class="row">
			<div id="sub-nav" class="col-md-2 subnav"></div>
			<div class="col-md-offset-2 mainContent" >
				<div class="InportExport">
					<button type="button" class="btn btn-primary darkbule" data-toggle="modal" data-target="#TeacherInport">导入</button>
					<button type="button" class="btn btn-primary darkbule" data-toggle="modal" data-target="#TeacherAddModal">添加</button>
				</div>
				<div class="columnSearch dataTables_filter">
					<label>按名字搜索:<input type="search" class="" placeholder="" >
						<button class="btn btn-primary darkbule">搜索</button></label>
					</div>
					<table id="StudentAccountTable" class="table table-bordered" >
						<thead>
							<tr>
								<th>学生姓名</th>
								<th>学生账号</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><span>zylin</span></td>
								<td><span>12345</span></td>
							</tr>
							<tr>
								<td><span>dst</span></td>
								<td><span>43215</span></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<footer class="footer navbar-fixed-bottom"></footer>
		<script type="text/javascript" src="../../../js/jquery-1.12.3.min.js"></script>
		<script type="text/javascript" src="../../../js/bootstrap.js"></script>
		<script type="text/javascript" src="../../../datatables/media/js/jquery.dataTables.min.js"></script>
		<script type="text/javascript" src="../../../js/global.js"></script>
		<script type="text/javascript" src="../../../js/admin.js"></script>
		<script type="text/javascript">
			$(function() {
				admainNav()
			$(".StuffManage").css('display', 'block');
			$('#StuffManage a').addClass('current')
			$('#StudentAccount').addClass('active');
			$('#StudentAccountTable').DataTable({
				responsive: true,
				ordering: false,
				searching: true,
				"bLengthChange": false,
				"bAutoWidth":true,
				"bRetrieve": true,
				"bFilter": true, //过滤功能
				"aLengthMenu":[15],
});

})
</script>
</body>
</html>